<div fNodeInput [fInputId]="node().key" fInputConnectableSide="top" class="top"></div>

@if (status() === 'template') {
  <i class="ri-spam-2-line absolute right-3 top-3 text-xl leading-5 text-orange-500" 
    [matTooltip]="'PAC.Xpert.NeedReconfigure' | translate: {Default: 'Need to reconfigure'}"
  ></i>
}

<div class="w-full flex justify-start items-center px-3 pt-3 pb-2">
  <emoji-avatar [avatar]="knowledge().avatar" small class="shrink-0 mr-2 rounded-lg overflow-hidden shadow-sm" />
  <div class="flex flex-col">
    <span class="text-base">{{knowledge().name}}</span>
  </div>
</div>

<div class="max-w-full max-h-14 px-4 text-text-tertiary text-sm text-left line-clamp-2"
  [title]="knowledge().description">{{knowledge().description}}</div>